<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
	<meta charset="UTF-8">
	<title>呼送后台管理系统-首页</title>
	<link rel="stylesheet" type="text/css" href="<%=basePath %>Js/jquery-easyui-1.3.2/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="<%=basePath %>Js/jquery-easyui-1.3.2/themes/icon.css">
	<link rel="stylesheet" type="text/css" href="<%=basePath %>Js/jquery-easyui-1.3.2/demo/demo.css">
	<script type="text/javascript" src="<%=basePath %>Js/jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="<%=basePath %>Js/jquery-easyui-1.3.2/jquery.easyui.min.js"></script>
	
	<script type="text/javascript">
		//align:'right'
		
		$(document).ready(function(){
			$('#open_dialog').dialog('close');
			//update_dialog
			$('#update_dialog').dialog('close');
			
			$('#datagrid').datagrid({  
		        //title:'美尚App数据交互系统-Api文档说明',  
		        // iconCls:'icon-edit',//图标  
		        width: 'auto',  
		        height: 'auto',  
		        nowrap: false,
		        striped: true,  
		        border: false,  
		        collapsible:false,//是否可折叠的  
		        fit: true,//自动大小  
		        url:'<%=basePath %>user/list',  
		        //sortName: 'code',  
		        //sortOrder: 'desc',  
		        remoteSort:false,   
		        singleSelect:false,//是否单选  
		        pagination:true,//分页控件  
		        rownumbers:true,//行号  
		        frozenColumns:[[  
		            {field:'ck',checkbox:true}  
		        ]],  
		        columns:[[
		        
			        {field:'userid',title:'用户编号',width:100},
			        {field:'username',title:'用户名称',width:200},
			        {field:'nickname',title:'用户昵称',width:200},
			        {field:'headerpath',title:'头像地址',width:200},
			        {field:'createtime',title:'注册时间',width:200},
			        {field:'status',title:'用户状态',width:100,align:'center',formatter:function(val,row){
				        	var val_var = "";
				        	if(val=='1'){
				        		val_var = "启用";
				        		return '<span style="color:blue;">'+val_var+'</span>';
				        	}else{
				        		val_var = "停用";
				        		return '<span style="color:red;">'+val_var+'</span>';
				        	}
				        	return '<span style="color:red;">'+val_var+'</span>';
				        }
			        }
			    ]],
		        toolbar: [{  
		            text: '添加',  
		            iconCls: 'icon-add',  
		            handler: function() {
		            	$("#save_username").val("");
		            	$("#save_password").val("");
		            	$("#save_nickname").val("");
		            	$("#save_telephone").val("");
		            	
		            	$('#open_dialog').dialog('open');
		            }  
		        },{  
		            text: '删除',  
		            iconCls: 'icon-remove',  
		            handler: function(){
		            	// 定义一个字符串 要删除的
		            	var userids = "";
		            	var rows = $('#datagrid').datagrid('getSelections');
		            	for(var i=0;i<rows.length;i++){
		            		userids += rows[i].userid+",";
		            	}
		            	// 给提示
		            	if(userids!=null && userids!=''){
		            		
		            		$.messager.confirm('提示', '确定要删除你所选中的数据?', function(r){
		            			userids = userids.substring(0,userids.length-1);
		            			if(!r){
		            				return;
		            			}
		            			// 使用Ajax调用
				            	$.post('<%=basePath%>man/user/delete',{userids:userids},function(data){
				            		//判断是否执行成功 成功就刷新页面
				            		if(data==1){
				            			$('#open_dialog').dialog('close');
										// location.reload(true);
										$('#datagrid').datagrid('reload');
				            		}
				            	});
		            		});
		            	}
		            	
		            }  
		        }],  
		    });  
		
		    //设置分页控件  
		    var p = $('#datagrid').datagrid('getPager');
		    $(p).pagination({
		        pageSize: 10,//每页显示的记录条数，默认为20  
		        pageList: [10,20,30],//可以设置每页记录条数的列表  
		        beforePageText: '第',//页数文本框前显示的汉字  
		        afterPageText: '页    共 {pages} 页',  
		        displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录',  
		        onBeforeRefresh:function(){ 
		            $(this).pagination('loading');
		            $(this).pagination('loaded'); 
		        } 
		    });
		    
		});//
		
		// 增加用户 2015年5月8日19:08:41
		function save(){
			// 
			var save_username = $("#save_username").val();
			var save_password = $("#save_password").val();
			var save_nickname = $("#save_nickname").val();
			var save_telephone = $("#save_telephone").val();
			$.post("<%=basePath%>man/user/save",{save_username:save_username,save_nickname:save_nickname,save_telephone:save_telephone,save_password:save_password},function(data){
				if(data=='1'){
					$('#open_dialog').dialog('close');
					// location.reload(true);
					$('#datagrid').datagrid('reload');
				}
			});
			
		}
		
		function update(){
			var userid = $("#update_userid").val();
			var password = $("#update_password").val();
			$.post("<%=basePath%>man/user/update",{userid:userid,password:password},function(data){
				if(data=='1'){
					$('#update_dialog').dialog('close');
					// location.reload(true);
					$('#datagrid').datagrid('reload');
				}
			});
		}
	</script>
	
</head>
<body>
	<!--  显示列表 -->
	<table class="easyui-datagrid" id="datagrid"></table>
		
		
	<!--  增加显示 -->
	<div id="open_dialog" class="easyui-dialog" title="增加数据" style="width:500px;height:400px;padding:10px;text-align: center;"
			data-options="
				iconCls: 'icon-save',
				buttons: [{
					text:'保存',
					iconCls:'icon-ok',
					handler:function(){
						save();
					}
				},{
					text:'取消',
					handler:function(){
						$('#open_dialog').dialog('close');
					}
				}]
			">
		<table>
			<tr>
				<td>标题:</td>
				<td><input class="easyui-validatebox" id="save_username" data-options="required:true,validType:'length[2,10]'"></td>
				<td>所要积分:</td>
				<td><input class="easyui-validatebox"  type="password" id="save_password" data-options="required:true,validType:'length[2,100]'"></td>
			</tr>
			
			<tr>
				<td>价格:</td>
				<td><input class="easyui-validatebox" id="save_telephone"></td>
				<td>价格区间:</td>
				<td><input class="easyui-validatebox" id="save_nickname" data-options="required:true,validType:'length[2,1000]'"></td>
			</tr>
			
			<tr>
				<td>模块:</td>
				<td>
					<select id="cc" class="easyui-combobox" style="width:150px;" data-options="required:true, multiple:false">   
					   <option>苹果</option>   
					   <option>香蕉</option>
					</select> 
				</td>
				<td>小模块:</td>
				<td>
					<select id="cc" class="easyui-combobox" style="width:150px;" data-options="required:true, multiple:false,panelheight:'auto'">   
					   <option>苹果</option>   
					   <option>香蕉</option>
					</select> 
				</td>
			</tr>
			
		</table>
		
	</div>
	
	
	<!--  修改界面 -->
	<div id="update_dialog" class="easyui-dialog" title="修改用户密码" style="width:430px;height:150px;padding:10px;text-align: center;"
			data-options="
				iconCls: 'icon-edit',
				buttons: [{
					text:'修改密码',
					iconCls:'icon-ok',
					handler:function(){
						update();
					}
				},{
					text:'取消',
					handler:function(){
						$('#update_dialog').dialog('close');
					}
				}]
			">
		<table>
			<tr>
				<td>用户新密码:</td>
				<td>
					<input class="easyui-validatebox" type="password" id="update_password" data-options="">
					<input type="hidden" id="update_userid" />
				</td>
			</tr>
			
		</table>
		
	</div>
	
</body>
</html>
